<?xml version="1.0" encoding="UTF-8"?>
<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ajax="http://www.apusic.com/jsf/ajax"
	renderKitId="AJAX" xmlns:epm="http://www.bp.com.cn/epm" xmlns:c="http://java.sun.com/jstl/core">
	<w:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<w:script src="/javascript/jquery-latest.js" type="text/javascript" language="UTF-8"></w:script>
		<w:script src="/javascript/zoomer.js" type="text/javascript" language="UTF-8"></w:script>
		<w:stylesheet src="/css/zoomer.css" type="text/css"></w:stylesheet>
		<style type="text/css">
body {
	font: Arial, Helvetica, sans-serif normal 10px;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}

#page {
	margin: 0 auto;
	position: relative;
	width: 850px;
	font-family: verdana;
	font-size: 12px;
}

pre {
	border: 3px solid #ccc;
	padding: 5px;
	font-size: 12px;
	font-family: arial;
}

.bold {
	font-weight: bold;
}

.blue {
	color: blue;
}

.red {
	color: red;
}

#footer {
	margin-top: 5px;
	text-align: center;
	width: 100%;
	height: auto;
	padding: 5px;
	background-color: #ccc;
}

#logo,#foot {
	margin-left: 10px;
}
</style>
		<script type="text/javascript">
		//<![CDATA[
		$(document).ready(function(){
 			$('ul.thumb li').Zoomer({speedView:200,speedRemove:400,altAnim:true,speedTitle:400,debug:false});
		});
		//]]>
		</script>
	</w:head>
	<w:page title="单点登录系统">
		<div id="page"><layout:panel>
			<div id="content">
			<div class="container">
			<ul class="thumb">
				<c:forEach items="#{sso_singleSignIndexBean.systemList}" var="data">
					<li>
					<a href="#">
					<img src="#{facesContext.externalContext.requestContextPath}/images/garfield.jpg"
						alt="#{data.systemName}" />
					</a>
					</li>
				</c:forEach>

			</ul>
			</div>
			</div>
		</layout:panel> 
		</div>

	</w:page>
</f:view>